<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="" >
    <!-- 时段结束时间 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('选择时间段')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input type="text" id="c-name" data-rule="required" name="row[name]"
                    class="form-control datetimerange" placeholder="选择时间段" 
                   data-locale='{"format":"HH:mm"}' data-time-picker="true" value="{$row.name}"/>
        </div>
    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-3"></label>
        <div class="col-xs-12 col-sm-5" style="text-align: center;">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>

<style>
    .ranges ul li:not(:last-child){
        display: none;
    }
    .calendar-table{
        display: none;
    }
</style>